<!-- eslint-disable @typescript-eslint/indent -->
<script setup lang="ts"></script>
<template>
    <div>This is page footer.</div>
    <f-page-footer :show-header="true" :enable-collapse="true">
        <template #headerContent>
            <div class="row">
                <div class="col"><span>登记人：</span>庆庆</div>
                <div class="col d-none d-md-block"><span>登记时间：</span>2020-06-01 08:30:00</div>
                <div class="col d-none d-xl-block"><span>最终修改人：</span>韩庆庆</div>
                <div class="col d-none d-xl-block"><span>最终修改时间：</span>2020-06-04</div>
            </div>
        </template>
        <div class="f-tmpl-footer-same-gutter">
            <div class="row">
                <div class="col-12 col-md-6 col-xl-3 mb-2"><span>单据编号：</span>韩庆庆</div>
                <div class="col-12 col-md-6 col-xl-3 mb-2"><span>业务日期：</span>2020-06-04</div>
                <div class="col-12 col-md-6 col-xl-3 mb-2"><span>客户：</span>庆庆</div>
                <div class="col-12 col-md-6 col-xl-3 mb-2"><span>最终修改人：</span>韩庆庆</div>
                <div class="col-12 col-md-6 col-xl-3 mb-2"><span>最终修改时间：</span>2020-06-04</div>
                <div class="col-12 col-md-6 col-xl-3 mb-2"><span>客户采购单号：</span>TF123sre</div>
                <div class="col-12 col-md-6 col-xl-3 mb-2"><span>业务员：</span>庆庆</div>
                <div class="col-12 col-md-6 col-xl-3 mb-2"><span>登记时间：</span>2020-06-01 08:30:00</div>
            </div>
        </div>
    </f-page-footer>
</template>
